<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="stylesheet" type="text/css" href="/css/common/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="/css/common/base.css" />
    <link rel="stylesheet" type="text/css" href="/css/common/city.css" />
    <link rel="stylesheet" href="/css/alertFont/iconfont.css" type="text/css" />
    <script type="text/javascript" src="/js/common/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="/js/common/bootstrap.min.js"></script>
    <script type="text/javascript" src="/js/common/vue.min.js"></script>
    <script type="text/javascript" src="/js/common/Popt.js"></script>
    <script type="text/javascript" src="/js/common/cityJson.js"></script>
    <script type="text/javascript" src="/js/common/citySet.js"></script>
    <title>我的物流后台管理</title>
</head>
<style type="text/css">
.admin-header{width: 100%;height: 60px;position: relative;background: #373d41;color: white;}
.admin-logo-cont{width: 20%;height: 60px;text-align: center;padding-top:14px;font-size: 26px;}
.admin-user{width: 20%;height: 60px; float: right;text-align:center;font-size: 16px;padding-top: 10px;position: absolute; 
	top: 0;right: 0;}
.admin-user i{font-size: 25px;margin-right: 10px;}

.admin-nav{width: 180px;height: 100vh;margin-top: -60px;padding-top: 60px;float: left;background: #333744;color: white;}
.navDl{height: 40px;text-align: center;padding-top: 10px;cursor: pointer;background: #42485B;}
.navList div{text-align: center;height: 40px;padding-top: 10px;cursor: pointer;}
.navList{transition: height 0.15s ease-out;display: none;}
.navList>div:hover{background: #00c1de;}
.navDl:hover{background: #00c1de;}

.ifram{	position: absolute;top: 60px;right: 0;bottom: 0;left: 180px;overflow: hidden;z-index: 1;background-color: #fff;}
</style>
<header class="admin-header">
	<div class="admin-logo-cont">
		<a href="/application/index/index"><h3>我的物流后台管理</h3></a>
	</div>
	<div class="admin-user">
		<i class="iconfont">&#xe694;</i>
		<span>系统管理员</span>
	</div>
</header>
<nav class="admin-nav">
	<div>
		<div class="navDl">组织管理</div>
		<div class="navList">
			<div src="/application/site/index">站点管理</div>
			<div src="/application/person/index">员工管理</div>
			<div src="/application/user/index">用户管理</div>
            <div src="/application/price/index">价格管理</div>
		</div>
		<div class="navDl">客户管理</div>
		<div class="navList">
			<div src="/application/login/index">客户预约</div>
			<div src="/application/login/index">客户订单</div>
		</div>
		<div class="navDl">运单管理</div>
		<div class="navList">
			<div src="/application/index/index">运单录入</div>
			<div src="/application/index/index">运单出库</div>
			<div src="/application/index/index">运单入库</div>
			<div src="/application/index/index">运单派送</div>
		</div>
		<div class="navDl">角色管理</div>
		<div class="navList">
			<div>角色管理</div>
		</div>
		<div class="navDl">权限管理</div>
		<div class="navList">
			<div>添加权限</div>
			<div>分配权限</div>
			<div>模块管理</div>
			<div>职位管理</div>
		</div>
		<div class="navDl">系统管理</div>
		<div class="navList">
			<div>用户信息</div>
			<div>修改密码</div>
			<div>退出登录</div>
		</div>
	</div>
	

</nav>
<div class="ifram">
	<iframe src="/application/user/user" id="myiframe" width="100%" height="100%" scrolling="auto"></iframe>
</div>
<script type="text/javascript">
$(function(){
	adminNav.init();
})
var adminNav = {
	init:function(){
		this.Event();
	},
	Event:function(){
		$(".navDl").click(function(){
			var obj = $(this);
			var objNext = obj.next("div[class='navList']");
			if(objNext.css('display') == "none"){
				objNext.slideDown();
			}else {
				objNext.slideUp();
			}
			
		});
		$(".navList>div").click(function(){
			var src = $(this).attr("src");
			$("#myiframe").attr("src",src);
		})
	}
}

</script>